<template>
  <div>
      <el-table :data="List" border style="width: 100%" height="500px">
          <el-table-column fixed prop="" label="序号" width="50">
              <template slot-scope="scope">
                  {{ scope.$index + 1 }}
              </template>
          </el-table-column>
          <el-table-column fixed prop="addressid" label="地址编号" width="100"/>
          <el-table-column fixed prop="username" label="用户名"/>
          <el-table-column fixed prop="province" label="省份"/>
          <el-table-column fixed prop="city" label="城市" width="100"/>
          <el-table-column fixed prop="address" label="详细地址" width="500"/>
      </el-table>
  </div>
</template>

<script>
export default {
  name: 'Address',
  data(){
      return{
          List:[]
      };
  },
created() {
      this.getList();
},
    methods:{
        getList() {
            this.$http.post('/address/selectAdd').then(res => {
                console.log(res)
                this.$data.List = res;
            })
        }
    }
}
</script>

<style scoped>

</style>
